;(function ($) {
  $.fn.toolTip = function () {
    return this.each(function () {
      // this DOM对象
      // 先获取到内容
      var title = $(this).data('title')
      // $(this)
      $(this).wrap('<em class="toolTip_box"></em>')
      var $toolTip = $('<i class="toolTip" style="display:none">' + title + '</i>')
      $(this).after($toolTip)
      
      // 计算位置
      var 
        toolTip_WIDTH = $toolTip.innerWidth(),
        WIDTH = $(this).innerWidth(),
        HEIGHT = $(this).innerHeight()

      $toolTip.css({
        left: -(toolTip_WIDTH - WIDTH) / 2,
        bottom: HEIGHT + 5
      })

      $(this).hover(function () {
        $toolTip.fadeIn()
      }, function () {
        $toolTip.fadeOut()

      })
    
    })
    
   
  }
}(jQuery))